<font face =" Droid Arabic kufi, Helvetica, sans-serif"><br>
<RollOverText1 =" Droid Arabic kufi, Helvetica, sans-serif"><br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 9 - http://www.wysiwygwebbuilder.com">
<style type="text/css">
body
{
   margin: 0;
   padding: 0;
   background-color: #FFFFFF;
   background-image: url(images/progress-bar.png);
   color: #000000;
}
</style>
<style type="text/css">
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
</style>
<style type="text/css">
#RollOverText1 img
{
   display: block;
   position: relative;
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 700ms ease-in-out;
   -moz-transition: all 700ms ease-in-out;
   -ms-transition: all 700ms ease-in-out;
   transition: all 700ms ease-in-out;
}
#RollOverText1 .caption 
{
   width: 350px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText1 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText1 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   color: #9400D3;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText1 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText1:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText1:hover img
{
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
#RollOverText1:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText1:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText1:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText2 img
{
   display: block;
   position: relative;
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 700ms ease-in-out;
   -moz-transition: all 700ms ease-in-out;
   -ms-transition: all 700ms ease-in-out;
   transition: all 700ms ease-in-out;
}
#RollOverText2 .caption 
{
   width: 350px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText2 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText2 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   color: #9400D3;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText2 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText2:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText2:hover img
{
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
#RollOverText2:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText2:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText2:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText3 img
{
   display: block;
   position: relative;
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 700ms ease-in-out;
   -moz-transition: all 700ms ease-in-out;
   -ms-transition: all 700ms ease-in-out;
   transition: all 700ms ease-in-out;
}
#RollOverText3 .caption 
{
   width: 350px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText3 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText3 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   color: #9400D3;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText3 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText3:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText3:hover img
{
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
#RollOverText3:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText3:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText3:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText4 img
{
   display: block;
   position: relative;
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 700ms ease-in-out;
   -moz-transition: all 700ms ease-in-out;
   -ms-transition: all 700ms ease-in-out;
   transition: all 700ms ease-in-out;
}
#RollOverText4 .caption 
{
   width: 350px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText4 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText4 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   color: #9400D3;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText4 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
#RollOverText4:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText4:hover img
{
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
#RollOverText4:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText4:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText4:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
#RollOverText5 img
{
   display: block;
   position: relative;
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText5 .caption 
{
   width: 128px;
   height: 128px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out;
}
#RollOverText5 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(-128px);
   -moz-transform: translateY(-128px);
   -ms-transform: translateY(-128px);
   transform: translateY(-128px);
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText5 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(128px);
   -moz-transform: translateY(128px);
   -ms-transform: translateY(128px);
   transform: translateY(128px);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText5 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText5:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText5:hover img
{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
#RollOverText5:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
#RollOverText5:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 100ms;
   -moz-transition-delay: 100ms;
   -ms-transition-delay: 100ms;
   transition-delay: 100ms;
}
#RollOverText5:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}
#RollOverText6 img
{
   display: block;
   position: relative;
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText6 .caption 
{
   width: 128px;
   height: 128px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out;
}
#RollOverText6 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(-128px);
   -moz-transform: translateY(-128px);
   -ms-transform: translateY(-128px);
   transform: translateY(-128px);
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText6 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(128px);
   -moz-transform: translateY(128px);
   -ms-transform: translateY(128px);
   transform: translateY(128px);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText6 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText6:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText6:hover img
{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
#RollOverText6:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
#RollOverText6:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 100ms;
   -moz-transition-delay: 100ms;
   -ms-transition-delay: 100ms;
   transition-delay: 100ms;
}
#RollOverText6:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}
#RollOverText8 img
{
   display: block;
   position: relative;
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText8 .caption 
{
   width: 128px;
   height: 128px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out;
}
#RollOverText8 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(-128px);
   -moz-transform: translateY(-128px);
   -ms-transform: translateY(-128px);
   transform: translateY(-128px);
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText8 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(128px);
   -moz-transform: translateY(128px);
   -ms-transform: translateY(128px);
   transform: translateY(128px);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText8 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText8:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText8:hover img
{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
#RollOverText8:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
#RollOverText8:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 100ms;
   -moz-transition-delay: 100ms;
   -ms-transition-delay: 100ms;
   transition-delay: 100ms;
}
#RollOverText8:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}
#RollOverText9 img
{
   display: block;
   position: relative;
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText9 .caption 
{
   width: 128px;
   height: 128px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out;
}
#RollOverText9 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(-128px);
   -moz-transform: translateY(-128px);
   -ms-transform: translateY(-128px);
   transform: translateY(-128px);
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText9 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(128px);
   -moz-transform: translateY(128px);
   -ms-transform: translateY(128px);
   transform: translateY(128px);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText9 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText9:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText9:hover img
{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
#RollOverText9:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
#RollOverText9:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 100ms;
   -moz-transition-delay: 100ms;
   -ms-transition-delay: 100ms;
   transition-delay: 100ms;
}
#RollOverText9:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}
#RollOverText7 img
{
   display: block;
   position: relative;
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText7 .caption 
{
   width: 128px;
   height: 128px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(0,0,0,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out;
}
#RollOverText7 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(-128px);
   -moz-transform: translateY(-128px);
   -ms-transform: translateY(-128px);
   transform: translateY(-128px);
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText7 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(128px);
   -moz-transform: translateY(128px);
   -ms-transform: translateY(128px);
   transform: translateY(128px);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText7 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText7:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText7:hover img
{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
#RollOverText7:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
#RollOverText7:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 100ms;
   -moz-transition-delay: 100ms;
   -ms-transition-delay: 100ms;
   transition-delay: 100ms;
}
#RollOverText7:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}
#SlideShow1 .image
{
   border-width: 0;
   left: 0;
   top: 0;
}
#RollOverText10 img
{
   display: block;
   position: relative;
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText10 .caption 
{
   width: 300px;
   height: 100px;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   text-align: center;
   background-color: rgba(255,255,255,0.60);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out;
}
#RollOverText10 .title
{
   position: relative;
   text-align: center;
   padding: 10px 10px 0px 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText10 p
{
   position: relative;
   margin: 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
   font-family: Arial;
   font-size: 32px;
   color: #FFFFFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOverText10 a
{
   display: inline-block;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   padding: 0px 10px 10px 10px;
   text-align: center;
   text-decoration: underline;
   font-family: Arial;
   font-size: 32px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
#RollOverText10:hover .caption
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#RollOverText10:hover img
{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
#RollOverText10:hover .title
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
#RollOverText10:hover p
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 100ms;
   -moz-transition-delay: 100ms;
   -ms-transition-delay: 100ms;
   transition-delay: 100ms;
}
#RollOverText10:hover a
{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}
#Image1
{
   border: 0px #000000 solid;
}
</style>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jquery.2dtransform.js"></script>
<script type="text/javascript" src="jquery.ui.effect.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-bars.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-blast.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-blind.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-bounce.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-clip.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-drop.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-fade.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-fold.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-scale.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-slide.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-squares.min.js"></script>
<script type="text/javascript" src="wb.slideshow.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
   $("#SlideShow1").slideshow(
   {
      interval: 5000,
      type: 'random',
      effect: 'random',
      direction: '',
      effectlength: 2000
   });
});
</script>
</head>
<body>
<div id="RollOverText1" style="position:absolute;overflow:hidden;left:40px;top:58px;width:350px;height:150px;z-index:0;">
   <img class="hover" alt="" src="images/1.png" style="position:absolute;border-width:0;left:0px;top:0px;width:350px;height:150px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="http://google.iq/share" target="">موقع مشاركة الملفات</a>
   </div></div>
<div id="Html1" style="position:absolute;left:38px;top:593px;width:94px;height:42px;z-index:1">
 <link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>
</div>

<div id="RollOverText2" style="position:absolute;overflow:hidden;left:398px;top:59px;width:350px;height:150px;z-index:3;">
   <img class="hover" alt="" src="images/2.png" style="position:absolute;border-width:0;left:0px;top:0px;width:350px;height:150px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="http://google.iq/tv" target="">بث مباشر</a>
   </div></div>
<div id="RollOverText3" style="position:absolute;overflow:hidden;left:40px;top:223px;width:350px;height:150px;z-index:4;">
   <img class="hover" alt="" src="images/3.png" style="position:absolute;border-width:0;left:0px;top:0px;width:350px;height:150px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="http://google.iq/quran" target="">القرآن الكريم</a>
   </div></div>
<div id="RollOverText4" style="position:absolute;overflow:hidden;left:398px;top:223px;width:350px;height:150px;z-index:5;">
   <img class="hover" alt="" src="images/4.png" style="position:absolute;border-width:0;left:0px;top:0px;width:350px;height:150px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="http://google.iq/game" target="">سيرفر الالعاب</a>
   </div></div>
<div id="RollOverText5" style="position:absolute;overflow:hidden;left:35px;top:384px;width:128px;height:128px;z-index:6;">
   <img class="hover" alt="" src="images/face.png" style="position:absolute;border-width:0;left:0px;top:0px;width:128px;height:128px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="http://facebook.om" target="">فيس بوك</a>
   </div></div>
<div id="RollOverText6" style="position:absolute;overflow:hidden;left:181px;top:384px;width:128px;height:128px;z-index:7;">
   <img class="hover" alt="" src="images/tw.png" style="position:absolute;border-width:0;left:0px;top:0px;width:128px;height:128px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="https://twitter.com/" target="">تويتر</a>
   </div></div>
<div id="RollOverText8" style="position:absolute;overflow:hidden;left:476px;top:384px;width:128px;height:128px;z-index:8;">
   <img class="hover" alt="" src="images/youtube.png" style="position:absolute;border-width:0;left:0px;top:0px;width:128px;height:128px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="http://youtube.com" target="">يوتيوب</a>
   </div></div>
<div id="RollOverText9" style="position:absolute;overflow:hidden;left:622px;top:384px;width:128px;height:128px;z-index:9;">
   <img class="hover" alt="" src="images/gmail.png" style="position:absolute;border-width:0;left:0px;top:0px;width:128px;height:128px;">
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="" target="">بريد جوجل</a>
   </div></div>
<div id="RollOverText7" style="position:absolute;overflow:hidden;left:328px;top:384px;width:128px;height:128px;z-index:10;">
   <img class="hover" alt="" src="images/yahoo.png" style="position:absolute;border-width:0;left:0px;top:0px;width:128px;height:128px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="http://yahoo.com" target="">ياهوو</a>
   </div></div>
<div id="SlideShow1" style="position:absolute;left:786px;top:7px;width:400px;height:700px;z-index:11;">
<img class="image" style="width:400px;height:700px;" src="images/LOGO1.png" alt="" title="">
<img class="image" style="width:400px;height:700px;display:none;" src="images/LOGO2.png" alt="" title="">
<img class="image" style="width:400px;height:700px;display:none;" src="images/LOGO3.png" alt="" title="">
<img class="image" style="width:400px;height:700px;display:none;" src="images/LOGO4.png" alt="" title="">
<img class="image" style="width:400px;height:700px;display:none;" src="images/LOGO5.png" alt="" title="">
</div>
<div id="RollOverText10" style="position:absolute;overflow:hidden;left:224px;top:527px;width:300px;height:100px;z-index:12;">
   <img class="hover" alt="" src="images/google.png" style="position:absolute;border-width:0;left:0px;top:0px;width:300px;height:100px;"></a>
   <div class="caption">
      <div class="title"></div>
      <p></p>
      <a href="http://google.ae" target="">محرك البحث جوجل</a>
   </div></div>
<div id="wb_Image1" style="position:absolute;left:417px;top:750px;width:444px;height:49px;z-index:13;">
<a href="http://alinaeliq.blogspot.com"><img src="images/all.png" id="Image1" alt="" style="width:444px;height:49px;"></a></div>
<!-- العروض الحالية -->
<div id="Html4" style="position:absolute;left:627px;top:541px;width:536px;height:188px;z-index:14">
<div style="padding: 0px;"> <!-- css news www.dzmontada.ibda3.org -->
<style type="text/css">
.urgent{
padding:2px 120px 2px 2px;
background:url(http://im35.gulfup.com/Z3rAs.png) right top no-repeat #cccccc;
color:#787676;
font-weight: bold;
font-family: "Droid Arabic kufi","Times New Roman",Times,serif;
font-size: 16.5px;
}
.urgent a{
color: #787676;
text-decoration: none;
}
</style>
<!-- css news www.dzmontada.ibda3.org -->
<br>
<!-- news www.dzmontada.ibda3.org --><div class="urgent">
<marquee
dir="rtl" nowrap="" truespeed="" scrollamount="3" scrolldelay="60"
direction="right" loop="INFINITE" valign="middle" align="center"
onmouseover="this.stop()" onmouseout="this.start()">
<!-- news -->سوا نت - sawa net 
<!-- news -->
</marquee>

</div>
</div>
</body>
</html>